<template>
	<view :class="['scroll-more',{'scroll-more-box': isBox}]" @click="Func">
		{{text}}
		<image :src="icon" :style="{width: width + 'rpx', height: height + 'rpx'}"></image>
	</view>
</template>

<script>
	export default {
		props: {
			width: 0,
			height: 0,
			isBox: {
				type: Boolean,
				default: false
			},
			text: '',
			icon: ''
		},
		data() {
			return {
				
			};
		},
		methods: {
			Func(){
				this.$emit('Func')
			}
		}
	}
</script>

<style lang="scss">
	.scroll-more{
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24rpx;
		color: #222;
		height: 98rpx;
		line-height: 98rpx;
		margin: 0 30rpx;
		&.scroll-more-box{
			box-shadow: 0rpx 20rpx 40rpx 0 rgba(40,34,31,0.05);
			margin-bottom: 40rpx;
		}
		image{
			vertical-align: top;
			margin-left: 15rpx;
		}
	}
</style>